<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Access-Control-Allow-Origin" content="*"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>欢迎页</title>

    <style>
        #welcomeWrap img {
            width: 100%;
            height: 562px;
        }

        #welcomeWrap .circle {
            width: 80px;
            /*height: 50px;*/
            position: absolute;
            background-color: black;
            opacity:0.6;
            filter:alpha(opacity=60);
            top:25px;
            right:25px;
            /*border-radius: 50%;*/
            /*-moz-border-radius: 50%;*/
            /*-webkit-border-radius: 50%;*/
        }

        #welcomeWrap .font {
            font-weight:bold;
            padding:10px;
            cursor:pointer;
            color:white;
            text-align: center;
            font-size:10px;
            position: relative;
            line-height: 50px;
        }

        #welcomeWrap .font1 {
            font-weight:bold;
            padding: 5px;
            color:white;
            font-size:10px;
            position: relative;
            line-height: 50px;
        }
    </style>
</head>

<body>
<div class="site_under" id="welcomeWrap">
    <div class="circle"><span id="font" class="font">跳过（<span id="font1" class="font1">5</span>）</span></div>
    <a th:href="'/detail/'+${id}" target="_blank">
        <img id="welcomeimg" th:src="${recommendUp.imgUrl}" alt="欢迎使用"/>
    </a>
</div>
<script type="text/javascript">
    var count = 5;
    var clear = window.setInterval(function(){
//        console.info(count);
        count --;
        document.getElementById("font1").innerText = count.toString();
        if(count == 0) window.clearInterval(clear);
    },1000);


    document.getElementById("font").onclick = function(){
        window.parent.closeRecommend();
    }
</script>
</body>
</html>
